.w_grid-000{ margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; } .w_grid-000 > .w_grid{ width: 100%; position: relative; } .w_grid-000 > div > .p_gridbox{ width: 100%; overflow: hidden; position: static; } .w_grid-000 > div > div > .p_gridCell{ float: left; position: static; } .w_grid-000 > div > div > .p_gridCell:not(:empty):before{ content:''; height: 0.1px; display: block; } .w_grid-000 > .w_grid.signal{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox > .p_gridCell{ min-height: inherit; } .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ margin-left: 0; clear: left; } #w_grid-000 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left: 0; clear: left; } @media only screen and (max-width: 768px){ .w_grid-000 > div > .p_gridbox > .p_gridCell{ width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (min-width: 769px){ .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ width: 100%; margin-left:0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }@media only screen and (max-width: 768px){/*小屏*/ .c_portalResGroupWebsite_info-01001 .p_details { padding:20px; } .c_portalResGroupWebsite_info-01001 .p_items { overflow: hidden; line-height: 30px; } .c_portalResGroupWebsite_info-01001 .p_lable { float: left; width:112px; text-align: right; } .c_portalResGroupWebsite_info-01001 .p_body { padding:0 0 0 10px; overflow: hidden; } .c_portalResGroupWebsite_info-01001 .p_logoPic { padding:10px 0 0; } .c_portalResGroupWebsite_info-01001 .p_logoPic img { display: block; width:80px; height: 80px; } } @media only screen and (min-width: 769px){/*大屏*/ .c_portalResGroupWebsite_info-01001 .p_details { padding:20px; } .c_portalResGroupWebsite_info-01001 .p_items { overflow: hidden; line-height: 30px; } .c_portalResGroupWebsite_info-01001 .p_lable { float: left; width:112px; text-align: right; } .c_portalResGroupWebsite_info-01001 .p_body { padding:0 0 0 10px; overflow: hidden; } .c_portalResGroupWebsite_info-01001 .p_logoPic { padding:10px 0 0; } .c_portalResGroupWebsite_info-01001 .p_logoPic img { display: block; width:80px; height: 80px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){/*中屏*/ }/*e_FlowCommonStyleBox-001*/ .e_FlowCommonStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_link*/ .e_FlowCommonStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_FlowCommonStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: #1890FF; } .e_FlowCommonStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_FlowCommonStyleBox-001 .title_icon::before{ content: ""; } .e_FlowCommonStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_FlowCommonStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_FlowCommonStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: #1890FF; padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_FlowCommonStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_FlowCommonStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_FlowCommonStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_FlowCommonStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_FlowCommonStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_FlowCommonStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.c_portalResGroupNewsNew_list-02001{ min-width: 320px; width: 100%; } .c_portalResGroupNewsNew_list-02001 .p_PromptNoneData { width: auto; text-align: center } .c_portalResGroupNewsNew_list-02001 .p_PromptNoneData .prompt_title .iconfont:before { content: "" } .c_portalResGroupNewsNew_list-02001 .p_PromptNoneData .prompt_title .first { height: auto; display: table-cell; position: relative; vertical-align: middle; padding: 0 10px 5px 0; } .c_portalResGroupNewsNew_list-02001 .p_PromptNoneData .prompt_title { display: inline-table; padding: 0 30px; min-height: 200px; height: 100% } .c_portalResGroupNewsNew_list-02001 .p_PromptNoneData .prompt_title .first:before { content: "\e6b4" } .c_portalResGroupNewsNew_list-02001 .p_PromptNoneData .prompt_title .font { display: table-cell; vertical-align: middle; text-align: left } .c_portalResGroupNewsNew_list-02001 .p_PromptNoneData .promptbox { width: auto; height: 100% } .c_portalResGroupNewsNew_list-02001 .p_PromptNoneData .prompt_content { padding-left: 65px } /*引导短连接*/ .c_portalResGroupNewsNew_list-02001 .p_moreBtn { position: static; width: auto; display: inline-table; min-height: 29px; margin: 0; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; min-width: 86px; cursor: pointer; text-align: center } .c_portalResGroupNewsNew_list-02001 .p_moreBtn .font { white-space: nowrap; overflow: visible; vertical-align: middle } .c_portalResGroupNewsNew_list-02001 .p_moreBtn .iconfont:before { content: "" } @-moz-keyframes three-quarters-loader { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes three-quarters-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes three-quarters-loader { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .loading_animation { -moz-animation: three-quarters-loader 850ms infinite linear; -webkit-animation: three-quarters-loader 850ms infinite linear; animation: three-quarters-loader 850ms infinite linear; box-sizing: border-box; display: inline-block; position: relative; overflow: hidden; text-indent: -9999px; width: 32px; height: 32px; vertical-align: middle } .c_portalResGroupNewsNew_list-02001 .p_loading { width: 100%; height: 70px; line-height: 70px; text-align: center; } .c_portalResGroupNewsNew_list-02001 .p_loading .iconfont:before { content: "" } .c_portalResGroupNewsNew_list-02001 .p_loading .font { display: inline-block; margin-left: 20px; height: inherit } /*无效果/分组*/ .c_portalResGroupNewsNew_list-02001 .p_moreBox { margin: 0 20px; width: auto; height: auto; padding: 0; overflow: hidden } /*引导短连接 查看详情 */ .c_portalResGroupNewsNew_list-02001 .p_ToDetail { display: inline-block; margin: 0; padding: 5px 10px; min-width: 86px; text-align: center; white-space: nowrap; vertical-align: middle; } a>.c_portalResGroupNewsNew_list-02001 .p_ToDetail:hover { cursor: pointer } /*概要信息*/ .c_portalResGroupNewsNew_list-02001 .p_SummaryBox { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden } .c_portalResGroupNewsNew_list-02001 .p_summary { text-align: left; vertical-align: top; word-break: break-all } /*辅助字段值*/ .c_portalResGroupNewsNew_list-02001 .p_time { display: inline-block; margin: 0; padding: 0 5px 0 0; vertical-align: middle; text-align: left; white-space: nowrap; overflow: visible; line-height: 18px; vertical-align: top } /* 互动信息 */ .c_portalResGroupNewsNew_list-02001 .p_assist { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden } /*概要列表标题*/ .c_portalResGroupNewsNew_list-02001 .p_TitleBox { width: auto; height: auto; padding:5px 0; overflow: hidden; vertical-align: top; } .c_portalResGroupNewsNew_list-02001 .p_title { display: inline-table; width: 100%; margin: 0; padding: 0; text-align: left; cursor: pointer; overflow: hidden; text-overflow: ellipsis; } /*列表序容器*/ .c_portalResGroupNewsNew_list-02001 .p_header { margin: 5px 0 0; width: auto; height: auto; padding: 0; overflow: hidden; } /*无效果/分组*/ .c_portalResGroupNewsNew_list-02001 .p_content { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden } /*资讯列表容器*/ .c_portalResGroupNewsNew_list-02001 .p_images { margin: 0; width: 168px; height: 138px; padding: 0; overflow: hidden; float: left; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; vertical-align: middle; text-align: center; margin-right: 15px } /*行列表容器*/ .c_portalResGroupNewsNew_list-02001 .p_articles { margin: 0; width: inherit; height: 186px; padding: 0; } /*通用容器*/ .c_portalResGroupNewsNew_list-02001 .p_news { margin: 0; width: inherit; height: auto; padding: 0; overflow: hidden; } /*主要内容区容器*/ .c_portalResGroupNewsNew_list-02001 .p_Newslist { margin: 0; padding: 0; overflow: hidden; } .c_portalResGroupNewsNew_list-02001 { overflow: hidden; } .c_portalResGroupNewsNew_list-02001 .p_content { width: auto; height: auto; vertical-align: top } .c_portalResGroupNewsNew_list-02001 .p_SummaryBox { width: auto; height: auto; } .c_portalResGroupNewsNew_list-02001 .p_assist { width: auto; height: auto; } /*覆盖阶段结束*/ /*改为inline-block*/ .c_portalResGroupNewsNew_list-02001 .p_icon { display: inline-block; vertical-align: middle; margin-top: 2px } .c_portalResGroupNewsNew_list-02001 .p_about { display: inline-block; vertical-align: middle } /*end*/ /*组件样式开始*/ .c_portalResGroupNewsNew_list-02001 .p_articles { display: inline-block; height: auto; min-width: 320px; width: calc((100% - 0px)/1); padding: 15px 20px; overflow: hidden; float: left; } .c_portalResGroupNewsNew_list-02001 .p_thumbnail { width: 100%; height: auto; vertical-align: middle; text-align: center; overflow: hidden } .c_portalResGroupNewsNew_list-02001 .p_thumbnail img { width:100%;} .c_portalResGroupNewsNew_list-02001 .higher .p_thumbnail { position: absolute; height: 100% } .c_portalResGroupNewsNew_list-02001 .widther .p_thumbnail { position: absolute; height: 100% } .c_portalResGroupNewsNew_list-02001 .smaller .p_thumbnail { position: absolute; height: 100% } .c_portalResGroupNewsNew_list-02001 .p_assist { margin-top: 2px; } .c_portalResGroupNewsNew_list-02001 .p_SummaryBox { clear: both; margin-bottom: 10px; margin-top: 8px } .c_portalResGroupNewsNew_list-02001 .p_ToDetail { float: right; position: relative } .c_portalResGroupNewsNew_list-02001 .p_summary { white-space: normal } .c_portalResGroupNewsNew_list-02001 .p_categorySummaryBox{ overflow: hidden; padding: 10px; } /* 新增起止筛选时间 start */ .c_portalResGroupNewsNew_list-02001 .p_filterTime { padding: 15px 0 0; overflow: hidden;} .c_portalResGroupNewsNew_list-02001 .formItemInput { padding-left: 10px; padding-right: 5px; max-width: 468px; } .c_portalResGroupNewsNew_list-02001 .p_contactsTitle { width:auto; line-height:30px;} .c_portalResGroupNewsNew_list-02001 .formItemInput .formItemIconAfter{ right: 10px !important; position: absolute; top: 10px; } /* 新增起止筛选时间 end */ @media only screen and (max-width: 768px) { .layui-laydate-range{ width:85% !important; left: 20px !important; } .c_portalResGroupNewsNew_list-02001 .p_articles{ margin-top: 10px !important; width: 100% !important; } .c_portalResGroupNewsNew_list-02001 .mp_linkUrl{ display: block; height: auto; } .c_portalResGroupNewsNew_list-02001 .p_SummaryBox{ display: none; } .c_portalResGroupNewsNew_list-02001 .p_ToDetail{ display: none !important; } .c_portalResGroupNewsNew_list-02001 .mP_SummaryBox{ clear: both; } .c_portalResGroupNewsNew_list-02001 .p_Information{ display: flex; padding: 10px 0; } .c_portalResGroupNewsNew_list-02001 .p_Information li{ flex: 1; height: 20px; overflow: hidden; } .c_portalResGroupNewsNew_list-02001 .p_KeyWord{ width: 100%; margin-top: 5px; } .c_portalResGroupNewsNew_list-02001 .p_KeyWord .p_tag{ padding: 5px 15px; margin-right: 10px; border-radius: 3px; } .c_portalResGroupNewsNew_list-02001 .blank{ width: 100%; height: 15px; overflow: hidden; } .c_portalResGroupNewsNew_list-02001 .p_articles{border: none} .layui-laydate-content td, .layui-laydate-content th { height: 24px!important; padding:2px 5px!important; line-height: 20px; } } @media only screen and (min-width: 769px) { .c_portalResGroupNewsNew_list-02001 .mp_linkUrl{ display: none; } .c_portalResGroupNewsNew_list-02001 .mP_SummaryBox{ display: none; } .c_portalResGroupNewsNew_list-02001 .p_Information{ display: none; } .c_portalResGroupNewsNew_list-02001 .p_KeyWord{ display: none; } .c_portalResGroupNewsNew_list-02001 .blank{display: none;} } @media only screen and (max-width: 1024px) and (min-width: 769px) { }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }/*page property_start*/.pagebox,#-remove--flag{width:100%; margin:0px auto; }/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/ #c_portalResGroupWebsite_info-16183066245705220{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResGroupNewsNew_list-16182074190076737 .p_articles{ width:calc((100% - 0px)/1); } #c_portalResGroupNewsNew_list-16182074190076737 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResGroupNewsNew_list-16182074190076737 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResGroupNewsNew_list-16182074190076737 >div{ animation-fill-mode:both; } #c_portalResGroupNewsNew_list-16182074190076737 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16182074190076737 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16182074190076737 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16182074190076737 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16182074190076737 .about{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; overflow:hidden; } #c_portalResGroupNewsNew_list-16182074190076737 .text_box .text_con{ width:50%; } #c_portalResGroupNewsNew_list-16182074190076737 .text_box .en{ margin-left:-92px; transform:translateX(-150px); opacity:0; transition:all 0.4s ease-out; } #c_portalResGroupNewsNew_list-16182074190076737 .about.active-action .text_box .en{ transform:translateX(0); opacity:1; transition:all 0.4s ease-out; } #c_portalResGroupNewsNew_list-16182074190076737 .text_box .text_con .title{ font-weight:600; position:relative; margin-bottom:5.5%; line-height:1.8em; margin-left:92px; opacity:0; transition:all 0.6s ease-out; } #c_portalResGroupNewsNew_list-16182074190076737 .about.active-action .text_box .title{ margin-left:0; opacity:1; transition:all 0.6s ease-out; } #c_portalResGroupNewsNew_list-16182074190076737 .text_box .text_con .title:after{ content:""; display:block; width:190px; height:2px; background:#f0f0f0; position:absolute; bottom:1px; } #c_portalResGroupNewsNew_list-16182074190076737 .text_box .text_con .title:before{ content:""; display:block; width:75px; height:4px; background:#f7c34f; position:absolute; bottom:0; z-index:2; } #c_portalResGroupNewsNew_list-16182074190076737 .text_box .text_con .des{ line-height:2.125em; margin-bottom:6.25%; transform:translateY(60px); opacity:0; transition:all 0.4s ease-out; } #c_portalResGroupNewsNew_list-16182074190076737 .about.active-action .text_box .des{ transform:translateY(0); opacity:1; transition:all 0.6s ease-out; } #c_portalResGroupNewsNew_list-16182074190076737 .text_box .text_con .link{ width:60px; height:60px; text-align:center; line-height:60px; background:#f7c34f; border-radius:100%; margin-bottom:11.11%; opacity:0; transition:all 0.4s ease-out; transform:translateX(-100px); } #c_portalResGroupNewsNew_list-16182074190076737 .about.active-action .text_box .text_con .link{ opacity:1; transition:all 0.4s ease-out; transform:translateX(0); } #c_portalResGroupNewsNew_list-16182074190076737 .text_box .text_con .link img{ vertical-align:middle; } #c_portalResGroupNewsNew_list-16182074190076737 .count_list{ transform:translateX(60px); opacity:0; transition:all 0.4s ease-out; } #c_portalResGroupNewsNew_list-16182074190076737 .about.active-action .count_list{ transform:translateX(0); opacity:1; transition:all 0.6s ease-out; } #c_portalResGroupNewsNew_list-16182074190076737 .count_list li{ text-align:center; width:240px; background:rgba(255,255,255,0.9); margin-right:20px; padding:33px 0; transition:all 0.4s; position:relative; margin-bototm:20px; } #c_portalResGroupNewsNew_list-16182074190076737 .count_list li .title .countup{ line-height:1.09em; vertical-align:middle; display:inline-block; } #c_portalResGroupNewsNew_list-16182074190076737 .count_list li .title .countup1{ line-height:1.09em; vertical-align:middle; display:inline-block; } #c_portalResGroupNewsNew_list-16182074190076737 .count_list li .title .fnt_16{ vertical-align:middle; display:inline-block; margin-left:5px; } #c_portalResGroupNewsNew_list-16182074190076737 .count_list li:hover{ transform:scale(1.5); background:url(/img/about_bg.jpg) no-repeat center; background-size:cover; transition:all 0.4s; color:#fff; z-index:3; } @media screen and (max-width: 1366px){ #c_portalResGroupNewsNew_list-16182074190076737 .text_box .text_con .des{ line-height: 1.5em; } #c_portalResGroupNewsNew_list-16182074190076737 .text_box .text_con .link{ margin-bottom: 6.11%; } #c_portalResGroupNewsNew_list-16182074190076737 .count_list li{ width: 200px; padding: 20px 0; } #c_portalResGroupNewsNew_list-16182074190076737 .count_list li:hover { transform: scale(1.2);} #c_portalResGroupNewsNew_list-16182074190076737 .text_box .en img{ max-width: 50%; } #c_portalResGroupNewsNew_list-16182074190076737 .text_box .en { margin-left: -66px; } } @media screen and (max-width: 768px){ #c_portalResGroupNewsNew_list-16182074190076737 .text_box .en { margin-left: 0; } #c_portalResGroupNewsNew_list-16182074190076737 .text_box .en img{ max-width: 100%; } #c_portalResGroupNewsNew_list-16182074190076737 .text_box .text_con { width: 60%; } #c_portalResGroupNewsNew_list-16182074190076737 .count_list li { width: 48%; margin-right: 2%; margin-bottom: 2%;} } #c_portalResGroupNewsNew_list-16182074190076737{ width:100%; max-width:none; min-width:320px; height:100%; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResGroupNewsNew_list-16182126667300905 .p_articles{ width:calc((100% - 0px)/1); } #c_portalResGroupNewsNew_list-16182126667300905 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResGroupNewsNew_list-16182126667300905 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResGroupNewsNew_list-16182126667300905 >div{ animation-fill-mode:both; } #c_portalResGroupNewsNew_list-16182126667300905 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16182126667300905 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16182126667300905 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16182126667300905 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16182126667300905 .about{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; overflow:hidden; } #c_portalResGroupNewsNew_list-16182126667300905 .left{ width:50%; } #c_portalResGroupNewsNew_list-16182126667300905 .left .fl{ width:49%; } #c_portalResGroupNewsNew_list-16182126667300905 .left .fl.left_item{ margin-right:2%; padding-top:12%; } #c_portalResGroupNewsNew_list-16182126667300905 .left .fl .img_box{ width:100%; overflow:hidden; position:relative; margin-bottom:10px; } #c_portalResGroupNewsNew_list-16182126667300905 .left .fl .img_box:after{ content:""; width:100%; height:100%; background:rgba(212,54,17,0.8); position:absolute; top:0; left:0; border-radius:100%; transition:all 0.5s; transform:scale(0); opacity:0; } #c_portalResGroupNewsNew_list-16182126667300905 .left .fl .img_box:hover:after{ top:0; transition:all 0.5s; transform:scale(1.5); opacity:1; } #c_portalResGroupNewsNew_list-16182126667300905 .left .fl .img_box .text{ position:absolute; padding:30px; bottom:0; width:100%; color:#fff; z-index:9; } #c_portalResGroupNewsNew_list-16182126667300905 .left .fl .img_box .text .hide_text{ display:none; } #c_portalResGroupNewsNew_list-16182126667300905 .left .fl .img_box .text .hide_text .des{ line-height:2.25em; } #c_portalResGroupNewsNew_list-16182126667300905 .left .fl .img_box .text .hide_text .link a{ color:#fff; } #c_portalResGroupNewsNew_list-16182126667300905 .left .fl .img_box:hover .text{ bottom:50%; transform:translateY(50%); transition:all 0.5s; } #c_portalResGroupNewsNew_list-16182126667300905 .left .fl .img_box:hover .text .hide_text{ display:block; transition:all 0.5s; } #c_portalResGroupNewsNew_list-16182126667300905 .left .fl.left_item .img_box:nth-child(1){ transform:translateX(-100px); opacity:0; transition:all 0.4s ease-out; } #c_portalResGroupNewsNew_list-16182126667300905 .about.active-action .left .fl.left_item .img_box:nth-child(1){ transform:translateX(0); opacity:1; transition:all 0.4s ease-out; } #c_portalResGroupNewsNew_list-16182126667300905 .left .fl.left_item .img_box:nth-child(1) .img{ width:100%; height:0; padding-bottom:127.7%; } #c_portalResGroupNewsNew_list-16182126667300905 .left .fl.left_item .img_box:nth-child(2){ transform:translateX(-150px); opacity:0; transition:all 0.6s ease-out; } #c_portalResGroupNewsNew_list-16182126667300905 .about.active-action .left .fl.left_item .img_box:nth-child(2){ transform:translateX(0); opacity:1; transition:all 0.6s ease-out; } #c_portalResGroupNewsNew_list-16182126667300905 .left .fl.left_item .img_box:nth-child(2) .img{ width:100%; height:0; padding-bottom:55.5%; } #c_portalResGroupNewsNew_list-16182126667300905 .left .fl.right_item .img_box:nth-child(1){ transform:translateY(-200px); opacity:0; transition:all 0.8s ease-out; } #c_portalResGroupNewsNew_list-16182126667300905 .about.active-action .left .fl.right_item .img_box:nth-child(1){ transform:translateY(0); opacity:1; transition:all 0.8s ease-out; } #c_portalResGroupNewsNew_list-16182126667300905 .left .fl.right_item .img_box:nth-child(1) .img{ width:100%; height:0; padding-bottom:91.6%; } #c_portalResGroupNewsNew_list-16182126667300905 .left .fl.right_item .img_box:nth-child(2){ transform:translateY(-150px); opacity:0; transition:all 0.6s ease-out; } #c_portalResGroupNewsNew_list-16182126667300905 .about.active-action .left .fl.right_item .img_box:nth-child(2){ transform:translateY(0); opacity:1; transition:all 0.6s ease-out; } #c_portalResGroupNewsNew_list-16182126667300905 .left .fl.right_item .img_box:nth-child(2) .img{ width:100%; height:0; padding-bottom:91.6%; } #c_portalResGroupNewsNew_list-16182126667300905 .right{ width:39.58%; text-align:right; color:#fff; padding-top:1.8%; } #c_portalResGroupNewsNew_list-16182126667300905 .right .link{ width:60px; height:60px; text-align:center; line-height:60px; background:#f7c34f; border-radius:100%; margin-bottom:11.11%; float:right; opacity:0; transition:all 0.4s ease-out; transform:translateX(-100px); } #c_portalResGroupNewsNew_list-16182126667300905 .about.active-action .right .link{ opacity:1; transition:all 0.4s ease-out; transform:translateX(0); } #c_portalResGroupNewsNew_list-16182126667300905 .link img{ vertical-align:middle; } #c_portalResGroupNewsNew_list-16182126667300905 .right .title{ font-weight:600; position:relative; margin-bottom:7.5%; line-height:1.8em; transform:translateX(-100px); opacity:0; transition:all 0.4s ease-out; } #c_portalResGroupNewsNew_list-16182126667300905 .about.active-action .right .title{ transform:translateX(0); opacity:1; transition:all 0.4s ease-out; } #c_portalResGroupNewsNew_list-16182126667300905 .right .title:after{ content:""; display:block; width:190px; height:2px; background:#f0f0f0; position:absolute; bottom:1px; right:0; } #c_portalResGroupNewsNew_list-16182126667300905 .right .title:before{ content:""; display:block; width:75px; height:4px; background:#f7c34f; position:absolute; bottom:0; z-index:2; right:0; } #c_portalResGroupNewsNew_list-16182126667300905 .right .subtitle{ margin-bottom:5%; transform:translateX(100px); opacity:0; transition:all 0.6s ease-out; } #c_portalResGroupNewsNew_list-16182126667300905 .right .des{ line-height:1.875em; margin-bottom:12.28%; transform:translateX(100px); opacity:0; transition:all 0.6s ease-out; } #c_portalResGroupNewsNew_list-16182126667300905 .about.active-action .right .subtitle{ transform:translateX(0); opacity:1; transition:all 0.6s ease-out; } #c_portalResGroupNewsNew_list-16182126667300905 .about.active-action .right .des{ transform:translateX(0); opacity:1; transition:all 0.6s ease-out; } @media screen and (max-width: 1366px){ #c_portalResGroupNewsNew_list-16182126667300905 .right { width: 47.58%;} #c_portalResGroupNewsNew_list-16182126667300905 .right .des{ line-height: 1.5em; margin-bottom: 6.28%; } #c_portalResGroupNewsNew_list-16182126667300905 .right .link{ margin-bottom: 0; } #c_portalResGroupNewsNew_list-16182126667300905 .right .en img{ max-width:80%; } } @media screen and (max-width: 768px){ #c_portalResGroupNewsNew_list-16182126667300905 .left { width: 100%; margin-top: 5%; } #c_portalResGroupNewsNew_list-16182126667300905 .right { width: 100%; margin-bottom: 5%; } #c_portalResGroupNewsNew_list-16182126667300905 .right .en img { max-width: 60%; } } @media screen and (max-width: 600px){ #c_portalResGroupNewsNew_list-16182126667300905 .left .fl .img_box .text .hide_text .des{ line-height: 1.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } #c_portalResGroupNewsNew_list-16182126667300905 .left .fl .img_box .text{ padding:15px; } #c_portalResGroupNewsNew_list-16182126667300905 .left .fl { width: 100%; } } #c_portalResGroupNewsNew_list-16182126667300905{ width:100%; max-width:none; min-width:320px; height:100%; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResGroupNewsNew_list-16182965257182851 .p_articles{ width:calc((100% - 0px)/1); } #c_portalResGroupNewsNew_list-16182965257182851 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResGroupNewsNew_list-16182965257182851 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResGroupNewsNew_list-16182965257182851 >div{ animation-fill-mode:both; } #c_portalResGroupNewsNew_list-16182965257182851 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16182965257182851 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16182965257182851 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16182965257182851 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16182965257182851 .about{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; overflow:hidden; } #c_portalResGroupNewsNew_list-16182965257182851 .about_box{ width:100%; } #c_portalResGroupNewsNew_list-16182965257182851 .top_con .left{ width:37.5%; padding-right:5.55%; } #c_portalResGroupNewsNew_list-16182965257182851 .top_con .left .en{ margin-left:-92px; transform:translateX(-100px); opacity:0; transition:all 0.5s ease-out; } #c_portalResGroupNewsNew_list-16182965257182851 .about.active-action .top_con .left .en{ transform:translateX(0); opacity:1; transition:all 0.5s ease-out; } #c_portalResGroupNewsNew_list-16182965257182851 .text_box .title{ font-weight:600; position:relative; margin-bottom:5.5%; line-height:1.8em; margin-left:-192px; opacity:0; transition:all 0.8s ease-out; } #c_portalResGroupNewsNew_list-16182965257182851 .about.active-action .text_box .title{ margin-left:0; opacity:1; transition:all 0.8s ease-out; } #c_portalResGroupNewsNew_list-16182965257182851 .top_con .left .title:after{ content:""; display:block; width:190px; height:2px; background:#f0f0f0; position:absolute; bottom:1px; } #c_portalResGroupNewsNew_list-16182965257182851 .top_con .left .title:before{ content:""; display:block; width:75px; height:4px; background:#f7c34f; position:absolute; bottom:0; z-index:2; } #c_portalResGroupNewsNew_list-16182965257182851 .top_con .left .des{ line-height:2.125em; margin-bottom:6.25%; margin-left:100px; opacity:0; transition:all 0.8s ease-out; } #c_portalResGroupNewsNew_list-16182965257182851 .about.active-action .text_box .des{ margin-left:0; opacity:1; transition:all 0.8s ease-out; } #c_portalResGroupNewsNew_list-16182965257182851 .top_con .left .link{ width:60px; height:60px; text-align:center; line-height:60px; background:#f7c34f; border-radius:100%; margin-bottom:11.11%; opacity:0; transition:all 0.4s ease-out; transform:translateX(-100px); } #c_portalResGroupNewsNew_list-16182965257182851 .about.active-action .top_con .left .link{ opacity:1; transition:all 0.4s ease-out; transform:translateX(0); } #c_portalResGroupNewsNew_list-16182965257182851 .top_con .left .link img{ vertical-align:middle; } #c_portalResGroupNewsNew_list-16182965257182851 .top_con .right{ width:62.5%; position:relative; padding-bottom:27px; transform:translateX(100px); opacity:0; transition:all 0.8s ease-out; } #c_portalResGroupNewsNew_list-16182965257182851 .about.active-action .top_con .right{ transform:translateX(0); opacity:1; transition:all 0.8s ease-out; } #c_portalResGroupNewsNew_list-16182965257182851 .top_con .right .img_con{ position:relative; overflow:hidden; width:100%; } #c_portalResGroupNewsNew_list-16182965257182851 .top_con .right .img_con .img_box{ overflow:hidden; width:100%; } #c_portalResGroupNewsNew_list-16182965257182851 .top_con .right .img_con .img{ width:100%; height:0; padding-bottom:48.8%; transition:all 0.4s; } #c_portalResGroupNewsNew_list-16182965257182851 .top_con .right .img_con .text{ position:absolute; top:50%; left:0; width:100%; padding:0 10%; text-align:center; color:#fff; transform:translateY(-50%); z-index:10; transition:all 0.4s; } #c_portalResGroupNewsNew_list-16182965257182851 .top_con .right .img_con .title{ font-weight:600; margin-bottom:15px; } #c_portalResGroupNewsNew_list-16182965257182851 .top_con .right .img_con .subtitle{ line-height:1.875em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; } #c_portalResGroupNewsNew_list-16182965257182851 .top_con .right .swiper-pagination{ bottom:0; right:0; width:100%; text-align:right; } #c_portalResGroupNewsNew_list-16182965257182851 .top_con .right .swiper-pagination-bullet{ border-radius:0; margin-left:10px; } #c_portalResGroupNewsNew_list-16182965257182851 .top_con .right .swiper-slide .img{ width:100%; display:block; -ms-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); -webkit-transition:all 5s ease-out; transition:all 5s ease-out; } #c_portalResGroupNewsNew_list-16182965257182851 .top_con .right .swiper-slide.swiper-slide-active .img{ -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:all 5s ease-out; transition:all 5s ease-out; } #c_portalResGroupNewsNew_list-16182965257182851 .bototm_con{ background:rgba(255,255,255,0.6); } #c_portalResGroupNewsNew_list-16182965257182851 .bototm_con .left_con{ width:22.22%; padding-right:4.1%; padding-top:2.57%; transform:translateX(-100px); opacity:0; transition:all 1.2s ease-out; } #c_portalResGroupNewsNew_list-16182965257182851 .about.active-action .bototm_con .left_con{ transform:translateX(0); opacity:1; transition:all 1.2s ease-out; } #c_portalResGroupNewsNew_list-16182965257182851 .bototm_con .left_con .en{ margin-left:-40px; } #c_portalResGroupNewsNew_list-16182965257182851 .bototm_con .left_con .des{ line-height:1.875em; } #c_portalResGroupNewsNew_list-16182965257182851 .bototm_con .right_new{ width:77.77%; transform:translateX(100px); opacity:0; transition:all 1.2s ease-out; } #c_portalResGroupNewsNew_list-16182965257182851 .about.active-action .bototm_con .right_new{ transform:translateX(0); opacity:1; transition:all 1.2s ease-out; } #c_portalResGroupNewsNew_list-16182965257182851 .bototm_con .right_new .img_box{ width:35.7%; overflow:hidden; } #c_portalResGroupNewsNew_list-16182965257182851 .bototm_con .right_new .img_box .img{ width:100%; height:0; padding-bottom:60%; transition:all 0.4s; } #c_portalResGroupNewsNew_list-16182965257182851 .bototm_con .right_new .img_box:hover .img{ -ms-transform:scale(1.06); -moz-transform:scale(1.06); -webkit-transform:scale(1.06); -o-transform:scale(1.06); transform:scale(1.06); transition:all 0.4s; } #c_portalResGroupNewsNew_list-16182965257182851 .bototm_con .right_new .text_box{ width:57%; padding-left:5%; } #c_portalResGroupNewsNew_list-16182965257182851 .bototm_con .right_new .text_box .new_title{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; line-height:1.875em; margin-top:6.87%; } #c_portalResGroupNewsNew_list-16182965257182851 .bototm_con .right_new .text_box .des{ line-height:1.7em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:10px; } #c_portalResGroupNewsNew_list-16182965257182851 .bototm_con .right_new .text_box .link{ margin-top:3.78%; } @media screen and (max-width: 1366px){ #c_portalResGroupNewsNew_list-16182965257182851 .top_con .left .en img{ max-width:80%; } #c_portalResGroupNewsNew_list-16182965257182851 .top_con{ margin-bottom:0; } #c_portalResGroupNewsNew_list-16182965257182851 .top_con .right{ width:52.5%;margin-left:10%;} #c_portalResGroupNewsNew_list-16182965257182851 .bototm_con .left_con .en img{width:100%;} } @media screen and (max-width: 1024px){ #c_portalResGroupNewsNew_list-16182965257182851 .about{align-items: center;} } @media screen and (max-width: 768px){ #c_portalResGroupNewsNew_list-16182965257182851 .top_con .left { width: 100%; padding-right: 0; margin-top: 6%; } #c_portalResGroupNewsNew_list-16182965257182851 .top_con .right { width: 100%; margin-left: 0; } #c_portalResGroupNewsNew_list-16182965257182851 .top_con .left .link{ margin-bottom: 4.11%; } #c_portalResGroupNewsNew_list-16182965257182851 .top_con .left .des{ margin-bottom: 2.25%; } #c_portalResGroupNewsNew_list-16182965257182851 .top_con .left .en { margin-left: 0;} #c_portalResGroupNewsNew_list-16182965257182851 .bototm_con .left_con { width: 100%;} #c_portalResGroupNewsNew_list-16182965257182851 .bototm_con .right_new { width: 100%; margin-top: 3%; margin-bottom: 3%;} #c_portalResGroupNewsNew_list-16182965257182851 .bototm_con .left_con .en{margin-left: 0;} #c_portalResGroupNewsNew_list-16182965257182851 .bototm_con .left_con .en img { max-width: 100%; width:auto; } #c_portalResGroupNewsNew_list-16182965257182851 .top_con .left .en img { max-width: 60%; } } @media screen and (max-width:600px){ #c_portalResGroupNewsNew_list-16182965257182851 .bototm_con .right_new .img_box { width: 100%; overflow: hidden; } #c_portalResGroupNewsNew_list-16182965257182851 .bototm_con .right_new .text_box { width: 100%; padding-left: 0; } } #c_portalResGroupNewsNew_list-16182965257182851{ width:100%; max-width:none; min-width:320px; height:100%; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResGroupNewsNew_list-16183666069791218 .p_articles{ width:calc((100% - 0px)/1); } #c_portalResGroupNewsNew_list-16183666069791218 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResGroupNewsNew_list-16183666069791218 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResGroupNewsNew_list-16183666069791218 >div{ animation-fill-mode:both; } #c_portalResGroupNewsNew_list-16183666069791218 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16183666069791218 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16183666069791218 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16183666069791218 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16183666069791218 .about{ width:100%; height:100%; position:relative; overflow:hidden; } #c_portalResGroupNewsNew_list-16183666069791218 .gallery-top{ width:100%; height:100%; } #c_portalResGroupNewsNew_list-16183666069791218 .gallery-top .img{ width:100%; height:100%; } #c_portalResGroupNewsNew_list-16183666069791218 .text{ position:absolute; bottom:33%; width:100%; left:0; text-align:center; color:#fff; } #c_portalResGroupNewsNew_list-16183666069791218 .text .title{ font-weight:600; margin-bottom:2.9%; } #c_portalResGroupNewsNew_list-16183666069791218 .text .small_title{ line-height:2.45em; } #c_portalResGroupNewsNew_list-16183666069791218 .text .link{ width:60px; height:60px; text-align:center; line-height:60px; background:#f7c34f; border-radius:100%; margin:0 auto; } #c_portalResGroupNewsNew_list-16183666069791218 .text .link img{ vertical-align:middle; } #c_portalResGroupNewsNew_list-16183666069791218 .text .des{ width:47%; margin:0 auto; line-height:1.7em; margin-bottom:2.9%; } #c_portalResGroupNewsNew_list-16183666069791218 .gallery-pras{ position:absolute; bottom:8.3%; width:100%; z-index:99; transform:translateX(-100px); opacity:0; transition:all 0.5s ease-out; } #c_portalResGroupNewsNew_list-16183666069791218 .about.active-action .gallery-pras{ transform:translateX(0); opacity:1; transition:all 0.5s ease-out; } #c_portalResGroupNewsNew_list-16183666069791218 .img_box{ width:100%; overflow:hidden; } #c_portalResGroupNewsNew_list-16183666069791218 .img_box:after{ content:""; width:100%; height:100%; display:block; background:rgba(7,24,38,0.7); position:absolute; top:0; left:0; } #c_portalResGroupNewsNew_list-16183666069791218 .gallery-pras .img{ width:100%; height:0; padding-bottom:51.47%; } #c_portalResGroupNewsNew_list-16183666069791218 .gallery-pras .swiper-slide-thumb-active .img_box:after{ opacity:0; } #c_portalResGroupNewsNew_list-16183666069791218 .gallery-top .swiper-slide .img{ width:100%; display:block; -ms-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); -webkit-transition:all 5s ease-out; transition:all 5s ease-out; } #c_portalResGroupNewsNew_list-16183666069791218 .gallery-top .swiper-slide.swiper-slide-active .img{ -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:all 5s ease-out; transition:all 5s ease-out; } #c_portalResGroupNewsNew_list-16183666069791218 .swiper-slide .small_title{ transform:translateX(200px); opacity:0; transition:all 1.2s; } #c_portalResGroupNewsNew_list-16183666069791218 .ani-slide .small_title{ transform:translateX(0); opacity:1; } #c_portalResGroupNewsNew_list-16183666069791218 .swiper-slide .des{ transform:translateX(-200px); opacity:0; transition:all 1.2s; } #c_portalResGroupNewsNew_list-16183666069791218 .ani-slide .des{ transform:translateX(0); opacity:1; } #c_portalResGroupNewsNew_list-16183666069791218 .swiper-slide .en{ transform:translateY(-200px); opacity:0; transition:all 1.2s; } #c_portalResGroupNewsNew_list-16183666069791218 .ani-slide .en{ transform:translateY(0); opacity:1; } #c_portalResGroupNewsNew_list-16183666069791218 .swiper-slide .title{ transform:translateX(-200px); opacity:0; transition:all 1.2s; } #c_portalResGroupNewsNew_list-16183666069791218 .ani-slide .title{ transform:translateX(0); opacity:1; } @media screen and (max-width: 1366px){ #c_portalResGroupNewsNew_list-16183666069791218 .text .des { width: 60%;} #c_portalResGroupNewsNew_list-16183666069791218 .en img{ width:400px; max-width:70%; } #c_portalResGroupNewsNew_list-16183666069791218 .gallery-top .swiper-slide .img{ -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1); } #c_portalResGroupNewsNew_list-16183666069791218 .text .title{ margin-bottom: 0.5%; } #c_portalResGroupNewsNew_list-16183666069791218 .gallery-thumbs{ padding-bottom:40px; } #c_portalResGroupNewsNew_list-16183666069791218 .swiper-pagination-bullet-active { opacity: 1; background: #fff; } #c_portalResGroupNewsNew_list-16183666069791218 .swiper-pagination-bullet{ background: #fff; } } #c_portalResGroupNewsNew_list-16183666069791218{ width:100%; max-width:none; min-width:320px; height:100%; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResGroupNewsNew_list-16182784536095505 .p_articles{ width:calc((100% - 0px)/1); } #c_portalResGroupNewsNew_list-16182784536095505 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResGroupNewsNew_list-16182784536095505 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResGroupNewsNew_list-16182784536095505 >div{ animation-fill-mode:both; } #c_portalResGroupNewsNew_list-16182784536095505 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16182784536095505 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16182784536095505 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16182784536095505 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16182784536095505 .about{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; overflow:hidden; } #c_portalResGroupNewsNew_list-16182784536095505 .text_box .en{ margin-left:-92px; opacity:0; transition:all 0.4s ease-out; transform:translateX(-100px); } #c_portalResGroupNewsNew_list-16182784536095505 .about.active-action .text_box .en{ transform:translateX(0); opacity:1; transition:all 0.4s ease-out; } #c_portalResGroupNewsNew_list-16182784536095505 .text_box .title{ font-weight:600; position:relative; margin-bottom:5.5%; line-height:1.8em; margin-left:192px; opacity:0; transition:all 0.4s ease-out; } #c_portalResGroupNewsNew_list-16182784536095505 .about.active-action .text_box .title{ margin-left:0; opacity:1; transition:all 0.4s ease-out; } #c_portalResGroupNewsNew_list-16182784536095505 .text_box .title:after{ content:""; display:block; width:190px; height:2px; background:#f0f0f0; position:absolute; bottom:1px; } #c_portalResGroupNewsNew_list-16182784536095505 .text_box .title:before{ content:""; display:block; width:75px; height:4px; background:#f7c34f; position:absolute; bottom:0; z-index:2; } #c_portalResGroupNewsNew_list-16182784536095505 .about .left{ width:35.4%; padding-top:6.67%; } #c_portalResGroupNewsNew_list-16182784536095505 .about .right{ width:64.58%; } #c_portalResGroupNewsNew_list-16182784536095505 .about .right .one{ width:55.9%; padding-left:2.1%; } #c_portalResGroupNewsNew_list-16182784536095505 .img_box{ width:100%; overflow:hidden; position:relative; } #c_portalResGroupNewsNew_list-16182784536095505 .img_box:hover .img{ -ms-transform:scale(1.06); -moz-transform:scale(1.06); -webkit-transform:scale(1.06); -o-transform:scale(1.06); transform:scale(1.06); transition:all 0.4s; } #c_portalResGroupNewsNew_list-16182784536095505 .img_box .text{ position:absolute; padding:30px; top:50%; width:100%; color:#fff; z-index:99; transform:translateY(-50%); } #c_portalResGroupNewsNew_list-16182784536095505 .fangda{ margin-bottom:4%; transform:translateY(-150px); opacity:0; transition:all 0.4s ease-out; } #c_portalResGroupNewsNew_list-16182784536095505 .about.active-action .fangda{ transform:translateY(0); opacity:1; transition:all 0.4s ease-out; } #c_portalResGroupNewsNew_list-16182784536095505 .fangda:before{ content:""; width:100%; height:100%; background:rgba(25,57,115,0.7); position:absolute; top:0; left:0; transition:all 0.5s; z-index:99; opacity:0; } #c_portalResGroupNewsNew_list-16182784536095505 .fangda:hover:before{ opacity:1; } #c_portalResGroupNewsNew_list-16182784536095505 .fangda .img{ width:100%; height:0; padding-bottom:52%; transition:all 0.4s; } #c_portalResGroupNewsNew_list-16182784536095505 .meiti .img{ width:100%; height:0; padding-bottom:52%; transition:all 0.4s; } #c_portalResGroupNewsNew_list-16182784536095505 .meiti{ transform:translateY(150px); opacity:0; transition:all 0.6s ease-out; } #c_portalResGroupNewsNew_list-16182784536095505 .about.active-action .meiti{ transform:translateY(0); opacity:1; transition:all 0.6s ease-out; } #c_portalResGroupNewsNew_list-16182784536095505 .meiti:before{ content:""; width:100%; height:100%; background:rgba(25,57,115,0.7); position:absolute; top:0; left:0; transition:all 0.5s; z-index:99; opacity:0; } #c_portalResGroupNewsNew_list-16182784536095505 .meiti:hover:before{ opacity:1; } #c_portalResGroupNewsNew_list-16182784536095505 .about .right .one .link{ display:none; } #c_portalResGroupNewsNew_list-16182784536095505 .two{ width:43%; } #c_portalResGroupNewsNew_list-16182784536095505 .hangye{ transform:translateX(150px); opacity:0; transition:all 0.8s ease-out; } #c_portalResGroupNewsNew_list-16182784536095505 .about.active-action .hangye{ transform:translateX(0); opacity:1; transition:all 0.8s ease-out; } #c_portalResGroupNewsNew_list-16182784536095505 .hangye .img{ width:100%; height:0; padding-bottom:135%; transition:all 0.4s; } #c_portalResGroupNewsNew_list-16182784536095505 .hangye:before{ content:""; width:100%; height:100%; background:rgba(25,57,115,0.7); position:absolute; top:0; left:0; transition:all 0.5s; z-index:99; opacity:0; } #c_portalResGroupNewsNew_list-16182784536095505 .hangye:hover:before{ opacity:1; } #c_portalResGroupNewsNew_list-16182784536095505 .tag{ width:120px; height:30px; line-height:30px; text-align:center; background:#f7c34f; color:#fff; border-bottom-left-radius:12px; border-top-right-radius:12px; margin-bottom:5.6%; } #c_portalResGroupNewsNew_list-16182784536095505 .tag a{ color:#fff; } #c_portalResGroupNewsNew_list-16182784536095505 .img_box .text .des{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #c_portalResGroupNewsNew_list-16182784536095505 .img_box .text .title{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; line-height:1.5em; margin-bottom:12px; visibility:hidden; } #c_portalResGroupNewsNew_list-16182784536095505 .img_box:hover .text .title{ visibility:visible; } #c_portalResGroupNewsNew_list-16182784536095505 .img_box .text .title a{ color:#fff; } #c_portalResGroupNewsNew_list-16182784536095505 .hangye .text{ top:40%; } #c_portalResGroupNewsNew_list-16182784536095505 .hangye.img_box .text .des{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; white-space:normal; line-height:1.5em; margin-bottom:20%; } #c_portalResGroupNewsNew_list-16182784536095505 .hangye.img_box .text .link{ visibility:hidden; } #c_portalResGroupNewsNew_list-16182784536095505 .hangye.img_box:hover .text .link{ visibility:visible; } #c_portalResGroupNewsNew_list-16182784536095505 .hangye.img_box .text .link a{ color:#f7b620; } #c_portalResGroupNewsNew_list-16182784536095505 .img_box .text .title:hover a{ color:#f7b620; } @media screen and (max-width: 1366px){ #c_portalResGroupNewsNew_list-16182784536095505 .text_box .en img{ max-width: 60%; } #c_portalResGroupNewsNew_list-16182784536095505 .text_box .en { margin-left: -67px;} } @media screen and (max-width: 768px){ #c_portalResGroupNewsNew_list-16182784536095505 .about .left { width: 100%; padding-top: 6.67%; } #c_portalResGroupNewsNew_list-16182784536095505 .about .right { width: 100%; } #c_portalResGroupNewsNew_list-16182784536095505 .text_box .en { margin-left: 0;} } @media screen and (max-width: 600px){ #c_portalResGroupNewsNew_list-16182784536095505 .about .right .one { width: 100%; padding-right: 0; } #c_portalResGroupNewsNew_list-16182784536095505 .two { width: 100%; margin: 5% 0; } } #c_portalResGroupNewsNew_list-16182784536095505{ width:100%; max-width:none; min-width:320px; height:100%; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResGroupNewsNew_list-16181957794824335 .p_articles{ width:calc((100% - 0px)/1); } #c_portalResGroupNewsNew_list-16181957794824335 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResGroupNewsNew_list-16181957794824335 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResGroupNewsNew_list-16181957794824335 >div{ animation-fill-mode:both; } #c_portalResGroupNewsNew_list-16181957794824335 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16181957794824335 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16181957794824335 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16181957794824335 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16181957794824335 .index_banner{ width:100%; height:100%; } #c_portalResGroupNewsNew_list-16181957794824335 .index_banner .img{ width:100%; height:100%; } #c_portalResGroupNewsNew_list-16181957794824335 .index_banner .text_box{ position:absolute; top:50%; transform:translateY(-50%); width:100%; left:0px; } #c_portalResGroupNewsNew_list-16181957794824335 .index_banner .text_box .text{ width:50%; color:#fff; } #c_portalResGroupNewsNew_list-16181957794824335 .subtitle{ margin-left:-60px; } #c_portalResGroupNewsNew_list-16181957794824335 .swiper-slide_2 .subtitle{ margin-left:-100px; } #c_portalResGroupNewsNew_list-16181957794824335 .swiper-slide_1 .title{ text-shadow:0 0 8px #000; } #c_portalResGroupNewsNew_list-16181957794824335 .title{ line-height:1.33em; margin:2.22% 0; } #c_portalResGroupNewsNew_list-16181957794824335 .des{ line-height:1.5em; } #c_portalResGroupNewsNew_list-16181957794824335 .link{ width:60px; height:60px; text-align:center; line-height:60px; background:linear-gradient(to right, #f6d692 0%,#f7b61f 100%); border-radius:60px; margin-top:9.7%; } #c_portalResGroupNewsNew_list-16181957794824335 .link img{ vertical-align:middle; } #c_portalResGroupNewsNew_list-16181957794824335 .link a{ color:#fff; } #c_portalResGroupNewsNew_list-16181957794824335 .link span{ display:inline-block; width:21px; height:20px; background:url(/img/link_jiantou1.png); vertical-align:middle; margin-left:20px; } #c_portalResGroupNewsNew_list-16181957794824335 .swiper-button-prev{ width:17px; height:31px; background:url(/img/index_left.png); top:80%; position:static; display:inline-block; } #c_portalResGroupNewsNew_list-16181957794824335 .swiper-button-prev:hover{ background:url(/img/index_left1.png); } #c_portalResGroupNewsNew_list-16181957794824335 .swiper-button-next{ width:17px; height:31px; background:url(/img/index_right.png); top:80%; position:static; display:inline-block; } #c_portalResGroupNewsNew_list-16181957794824335 .swiper-button-next:hover{ background:url(/img/index_right1.png); } #c_portalResGroupNewsNew_list-16181957794824335 .button_box{ width:100%; position:absolute; top:80%; z-index:9; } #c_portalResGroupNewsNew_list-16181957794824335 .swiper-pagination{ position:static; display:inline-block; width:170px; color:#fff; } #c_portalResGroupNewsNew_list-16181957794824335 .swiper-pagination-current{ font-size:40px; font-weight:600; color:#f7b61f; } #c_portalResGroupNewsNew_list-16181957794824335 .index_banner .swiper-slide{ overflow:hidden; } #c_portalResGroupNewsNew_list-16181957794824335 .index_banner .swiper-slide>.img{ width:100%; display:block; -ms-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); -webkit-transition:all 5s ease-out; transition:all 5s ease-out; } #c_portalResGroupNewsNew_list-16181957794824335 .index_banner .swiper-slide.swiper-slide-active>.img{ -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:all 5s ease-out; transition:all 5s ease-out; } #c_portalResGroupNewsNew_list-16181957794824335 .index_banner .swiper-slide>.img.mobil_img{ display:none; } #c_portalResGroupNewsNew_list-16181957794824335 .swiper-slide .subtitle{ transform:translateY(-100px); opacity:0; transition:all .8s; } #c_portalResGroupNewsNew_list-16181957794824335 .ani-slide .subtitle{ transform:translateY(0); opacity:1; } #c_portalResGroupNewsNew_list-16181957794824335 .swiper-slide .title{ transform:translateX(-200px); opacity:0; transition:all .8s; } #c_portalResGroupNewsNew_list-16181957794824335 .ani-slide .title{ transform:translateX(0); opacity:1; } #c_portalResGroupNewsNew_list-16181957794824335 .swiper-slide .des{ transform:translateX(200px); opacity:0; transition:all 1.2s; } #c_portalResGroupNewsNew_list-16181957794824335 .ani-slide .des{ transform:translateX(0); opacity:1; } #c_portalResGroupNewsNew_list-16181957794824335 .swiper-slide .link{ transform:translateY(100px); opacity:0; transition:all 1.6s; } #c_portalResGroupNewsNew_list-16181957794824335 .ani-slide .link{ transform:translateY(0); opacity:1; } @media screen and (max-width: 1366px){ #c_portalResGroupNewsNew_list-16181957794824335 .index_banner .text_box .text{ width:60%; } #c_portalResGroupNewsNew_list-16181957794824335 .link{ margin-top:4.7%; } #c_portalResGroupNewsNew_list-16181957794824335 .des{ line-height:1.5em; } } @media screen and (max-width: 768px){ #c_portalResGroupNewsNew_list-16181957794824335 .subtitle{ margin-left:0; } #c_portalResGroupNewsNew_list-16181957794824335 .swiper-slide_2 .subtitle{ margin-left:0; } #c_portalResGroupNewsNew_list-16181957794824335 .index_banner .swiper-slide>.img.pc_img{display:none;} #c_portalResGroupNewsNew_list-16181957794824335 .index_banner .swiper-slide>.img.mobil_img{display:block;} #c_portalResGroupNewsNew_list-16181957794824335 .swiper-pagination{ width: 90px; } } @media screen and (max-width: 600px){ #c_portalResGroupNewsNew_list-16181957794824335 .index_banner .text_box .text{ width:100%; } #c_portalResGroupNewsNew_list-16181957794824335 .link{ width: 180px; height: 40px; line-height: 40px; } } #c_portalResGroupNewsNew_list-16181957794824335{ width:100%; max-width:none; min-width:320px; height:100%; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1618306622476 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1618306622476*/ /*w_grid-1618306622476*/ /*w_grid-1618306622476*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1618306622476{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResGroupNavNew_main-16183066245901177 .foot{ text-align:center; background:url(/img/foot_bg.png) no-repeat center; padding:5.9% 0 5.2%; } #c_portalResGroupNavNew_main-16183066245901177 .foot_logo{ margin-right:3.43%; } #c_portalResGroupNavNew_main-16183066245901177 .link_list{ margin-bottom:2.1%; } #c_portalResGroupNavNew_main-16183066245901177 .link_list a{ margin:0 40px; color:#3b3b3b; } #c_portalResGroupNavNew_main-16183066245901177 .link_list a:hover{ color:#f7c34f; } #c_portalResGroupNavNew_main-16183066245901177 .img{ margin-bottom:2.57%; } #c_portalResGroupNavNew_main-16183066245901177 .cz{ margin-bottom:0.78%; color:#3b3b3b; } #c_portalResGroupNavNew_main-16183066245901177 .dz{ margin-bottom:0.78%; color:#3b3b3b; } #c_portalResGroupNavNew_main-16183066245901177 .bqxx{ margin-bottom:3%; color:#3b3b3b; } #c_portalResGroupNavNew_main-16183066245901177 .bqxx span{ margin-right:16px; color:#3b3b3b; } #c_portalResGroupNavNew_main-16183066245901177 .bqxx a{ color:#3b3b3b; } #c_portalResGroupNavNew_main-16183066245901177 .bqxx a:hover{ color:#f7c34f; } #c_portalResGroupNavNew_main-16183066245901177 .share a{ margin:0 19px; position:relative; } #c_portalResGroupNavNew_main-16183066245901177 .share a .ewm{ position:absolute; bottom:140%; left:50%; transform:translateX(-50%); display:none; width:150px; } #c_portalResGroupNavNew_main-16183066245901177 .share a:hover .ewm{ display:block; } @media only screen and (max-width:1280px){ #c_portalResGroupNavNew_main-16183066245901177 .foot_logo{width:160px;} #c_portalResGroupNavNew_main-16183066245901177 .phone{width: 260px;} #c_portalResGroupNavNew_main-16183066245901177 .link_list a { margin: 0 25px;} } @media only screen and (max-width:960px){ #c_portalResGroupNavNew_main-16183066245901177 .link_list a { margin: 0; width: 32%; margin-bottom: 10px; display: inline-block; } } @media only screen and (max-width:600px){ #c_portalResGroupNavNew_main-16183066245901177 .foot_logo { width: 120px; display: block; margin: 0 auto; } #c_portalResGroupNavNew_main-16183066245901177 .phone { width: 200px; display: block; margin: 0 auto; } #c_portalResGroupNavNew_main-16183066245901177 .cz em{display:none;} #c_portalResGroupNavNew_main-16183066245901177 .cz span{display:block;} #c_portalResGroupNavNew_main-16183066245901177 .bqxx span{display:block;} } #c_portalResGroupNavNew_main-16183066245901177{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:100%; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; } #c_portalResGroupNewsNew_list-16182932173699252 .p_articles{ width:calc((100% - 0px)/1); } #c_portalResGroupNewsNew_list-16182932173699252 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResGroupNewsNew_list-16182932173699252 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResGroupNewsNew_list-16182932173699252 >div{ animation-fill-mode:both; } #c_portalResGroupNewsNew_list-16182932173699252 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16182932173699252 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16182932173699252 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16182932173699252 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-16182932173699252 .about{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; overflow:hidden; } #c_portalResGroupNewsNew_list-16182932173699252 .left{ width:59.7%; } #c_portalResGroupNewsNew_list-16182932173699252 .left .fl.left_item{ margin-right:1.1%; padding-top:12%; width:53.5%; } #c_portalResGroupNewsNew_list-16182932173699252 .left .fl .img_box{ width:100%; overflow:hidden; position:relative; margin-bottom:10px; } #c_portalResGroupNewsNew_list-16182932173699252 .left .fl .img_box:after{ content:""; width:100%; height:100%; background:rgba(35,64,134,0.7); position:absolute; top:0px; left:0px; border-radius:100%; transition:all 0.5s; transform:scale(0); opacity:0; } #c_portalResGroupNewsNew_list-16182932173699252 .left .fl .img_box:hover:after{ top:0px; transition:all 0.5s; transform:scale(1.5); opacity:1; } #c_portalResGroupNewsNew_list-16182932173699252 .left .fl .img_box .text{ position:absolute; padding:30px; bottom:0px; width:100%; color:#fff; z-index:9; } #c_portalResGroupNewsNew_list-16182932173699252 .left .fl .img_box .text .hide_text{ display:none; } #c_portalResGroupNewsNew_list-16182932173699252 .left .fl .img_box .text .hide_text .des{ line-height:1.7em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; margin-top:1.7em; margin-bottom:1.7em; } #c_portalResGroupNewsNew_list-16182932173699252 .left .fl .img_box .text .hide_text .link a{ color:#f7b620; } #c_portalResGroupNewsNew_list-16182932173699252 .left .fl .img_box:hover .text{ bottom:50%; transform:translateY(50%); transition:all 0.5s; } #c_portalResGroupNewsNew_list-16182932173699252 .left .fl .img_box:hover .text .hide_text{ display:block; transition:all 0.5s; } #c_portalResGroupNewsNew_list-16182932173699252 .left .fl.left_item .img_box:nth-child(1) .img{ width:100%; height:0px; padding-bottom:65.2%; } #c_portalResGroupNewsNew_list-16182932173699252 .left .fl.left_item .img_box:nth-child(1){ transform:translateX(-150px); opacity:0; transition:all 0.8s ease-out; } #c_portalResGroupNewsNew_list-16182932173699252 .about.active-action .left .fl.left_item .img_box:nth-child(1){ transform:translateX(0); opacity:1; transition:all 0.8s ease-out; } #c_portalResGroupNewsNew_list-16182932173699252 .left .fl.left_item .img_box:nth-child(2){ width:65.2%; margin-left:auto; transform:translateY(150px); opacity:0; transition:all 0.8s ease-out; } #c_portalResGroupNewsNew_list-16182932173699252 .about.active-action .left .fl.left_item .img_box:nth-child(2){ transform:translateY(0); opacity:1; transition:all 0.8s ease-out; } #c_portalResGroupNewsNew_list-16182932173699252 .left .fl.left_item .img_box:nth-child(2) .img{ width:100%; height:0px; padding-bottom:100%; } #c_portalResGroupNewsNew_list-16182932173699252 .left .fl.right_item{ width:45.3%; } #c_portalResGroupNewsNew_list-16182932173699252 .left .fl.right_item .img_box:nth-child(1) .img{ width:100%; height:0px; padding-bottom:117.9%; } #c_portalResGroupNewsNew_list-16182932173699252 .left .fl.right_item .img_box:nth-child(1){ transform:translateY(-150px); opacity:0; transition:all 0.8s ease-out; } #c_portalResGroupNewsNew_list-16182932173699252 .about.active-action .left .fl.right_item .img_box:nth-child(1){ transform:translateY(0); opacity:1; transition:all 0.8s ease-out; } #c_portalResGroupNewsNew_list-16182932173699252 .left .fl.right_item .img_box:nth-child(2) .img{ width:100%; height:0px; padding-bottom:76.9%; } #c_portalResGroupNewsNew_list-16182932173699252 .left .fl.right_item .img_box:nth-child(3) .img{ width:100%; height:0px; padding-bottom:114.9%; } #c_portalResGroupNewsNew_list-16182932173699252 .left .fl.right_item .img_box:nth-child(2){ transform:translateX(150px); opacity:0; transition:all 0.8s ease-out; } #c_portalResGroupNewsNew_list-16182932173699252 .left .fl.right_item .img_box:nth-child(3){ margin-left:103%; margin-top:-117%; transform:translateY(-150px); opacity:0; transition:all 0.8s ease-out; } #c_portalResGroupNewsNew_list-16182932173699252 .about.active-action .left .fl.right_item .img_box:nth-child(2){ transform:translateX(0); opacity:1; transition:all 0.8s ease-out; } #c_portalResGroupNewsNew_list-16182932173699252 .about.active-action .left .fl.right_item .img_box:nth-child(3){ transform:translateY(0); opacity:1; transition:all 0.8s ease-out; } #c_portalResGroupNewsNew_list-16182932173699252 .right{ width:40.2%; padding-left:12%; text-align:right; color:#fff; padding-top:1.8%; } #c_portalResGroupNewsNew_list-16182932173699252 .right .link{ width:60px; height:60px; text-align:center; line-height:60px; background:#f7c34f; border-radius:100%; margin-bottom:11.11%; float:right; opacity:0; transition:all 0.4s ease-out; transform:translateX(-100px); } #c_portalResGroupNewsNew_list-16182932173699252 .about.active-action .right .link{ opacity:1; transition:all 0.4s ease-out; transform:translateX(0); } #c_portalResGroupNewsNew_list-16182932173699252 .link img{ vertical-align:middle; } #c_portalResGroupNewsNew_list-16182932173699252 .right .title{ font-weight:600; position:relative; margin-bottom:7.5%; line-height:1.8em; transform:translateX(-150px); opacity:0; transition:all 0.8s ease-out; } #c_portalResGroupNewsNew_list-16182932173699252 .about.active-action .right .title{ transform:translateX(0); opacity:1; transition:all 0.8s ease-out; } #c_portalResGroupNewsNew_list-16182932173699252 .right .title:after{ content:""; display:block; width:190px; height:2px; background:#f0f0f0; position:absolute; bottom:1px; right:0px; } #c_portalResGroupNewsNew_list-16182932173699252 .right .title:before{ content:""; display:block; width:75px; height:4px; background:#f7c34f; position:absolute; bottom:0px; z-index:2; right:0px; } #c_portalResGroupNewsNew_list-16182932173699252 .right .subtitle{ margin-bottom:5%; transform:translateX(150px); opacity:0; transition:all 0.8s ease-out; } #c_portalResGroupNewsNew_list-16182932173699252 .about.active-action .subtitle{ transform:translateX(0); opacity:1; transition:all 0.8s ease-out; } #c_portalResGroupNewsNew_list-16182932173699252 .right .des{ line-height:1.875em; margin-bottom:12.28%; transform:translateY(150px); opacity:0; transition:all 0.8s ease-out; } #c_portalResGroupNewsNew_list-16182932173699252 .about.active-action .right .des{ transform:translateY(0); opacity:1; transition:all 0.8s ease-out; } @media screen and (max-width: 1366px){ #c_portalResGroupNewsNew_list-16182932173699252 .left { width: 50%; } #c_portalResGroupNewsNew_list-16182932173699252 .right {padding-left: 4%;} #c_portalResGroupNewsNew_list-16182932173699252 .right .en img{ max-width:100%; } } @media screen and (max-width: 768px){ #c_portalResGroupNewsNew_list-16182932173699252 .left { width: 100%; margin-top: 5%; } #c_portalResGroupNewsNew_list-16182932173699252 .right { width: 100%;padding-left: 0;} #c_portalResGroupNewsNew_list-16182932173699252 .right .des{ margin-bottom: 6.11%; } #c_portalResGroupNewsNew_list-16182932173699252 .right .link{ margin-bottom: 6.11%; } #c_portalResGroupNewsNew_list-16182932173699252 .right .en img { max-width: 60%; } #c_portalResGroupNewsNew_list-16182932173699252 .left .fl.right_item .img_box:nth-child(3){ margin-left: 0; margin-top: 0; } } @media screen and (max-width: 600px){ #c_portalResGroupNewsNew_list-16182932173699252 .left .fl.left_item { margin-right: 1.1%; padding-top: 12%; width: 100%; } #c_portalResGroupNewsNew_list-16182932173699252 .left .fl.right_item { width: 100%; } } #c_portalResGroupNewsNew_list-16182932173699252{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:100%; margin-top:0px; margin-bottom:0px; min-width:320px; height:100%; padding-right:0px; }